import axios from 'axios'
import router from '../router'
import { ElMessage } from 'element-plus'

// 创建 axios 实例
const request = axios.create({
  baseURL: import.meta.env.VITE_API_BASE_URL, // 从环境变量读取 API 基础路径
  timeout: 5000,
  // 自定义参数序列化，将数组参数转换为重复的查询参数格式
  // 例如：tags=['vue', 'cangjie'] -> tags=vue&tags=cangjie
  paramsSerializer: {
    serialize: (params) => {
      const parts = []
      Object.keys(params).forEach(key => {
        const value = params[key]
        if (value === null || value === undefined) {
          return
        }
        if (Array.isArray(value)) {
          // 数组参数：重复同一个参数名
          value.forEach(item => {
            parts.push(`${encodeURIComponent(key)}=${encodeURIComponent(item)}`)
          })
        } else {
          // 普通参数
          parts.push(`${encodeURIComponent(key)}=${encodeURIComponent(value)}`)
        }
      })
      return parts.join('&')
    }
  }
})

// 请求拦截器
request.interceptors.request.use(
  config => {
    const token = localStorage.getItem('token')
    const tokenType = localStorage.getItem('tokenType') || 'Bearer'
    if (token) {
      // 使用 tokenType + token 的格式
      config.headers.Authorization = `${tokenType.charAt(0).toUpperCase() + tokenType.slice(1)} ${token}`
    }
    return config
  },
  error => {
    return Promise.reject(error)
  }
)

// 响应拦截器
request.interceptors.response.use(
  response => {
    console.log('响应数据：', response)
    // 成功响应（200 系列状态码）
    return response.data
  },
  error => {
    // 处理 HTTP 错误（非 200 系列状态码）
    let errorMessage = '请求失败，请稍后重试'
    
    if (error.response) {
      const { status, data } = error.response
      
      // 如果响应体有 description 字段，优先使用它
      if (data && data.description) {
        errorMessage = data.description
      } else if (status === 401) {
        // 401 未授权 - 清除本地存储并跳转到首页重新登录
        errorMessage = '登录已过期，请重新登录'
        localStorage.removeItem('token')
        localStorage.removeItem('tokenType')
        localStorage.removeItem('expiresIn')
        localStorage.removeItem('user')
        
        // 触发自定义事件通知所有组件登录状态已改变
        window.dispatchEvent(new CustomEvent('auth-expired'))
        
        // 如果不在首页，跳转到首页
        if (router.currentRoute.value.path !== '/') {
          router.push('/')
        }
        
        // 延迟显示登录弹窗，确保页面状态已更新
        setTimeout(() => {
          window.dispatchEvent(new CustomEvent('open-login'))
        }, 300)
      } else if (status === 403) {
        errorMessage = '没有权限访问'
      } else if (status === 404) {
        errorMessage = '请求的资源不存在'
      } else if (status === 500) {
        errorMessage = '服务器错误'
      } else if (status >= 400 && status < 500) {
        errorMessage = '请求参数错误'
      } else if (status >= 500) {
        errorMessage = '服务器错误'
      }
      
      // 显示错误提示
      ElMessage.error(errorMessage)
    } else if (error.request) {
      // 请求已发出但没有收到响应
      errorMessage = '网络连接失败，请检查网络'
      ElMessage.error(errorMessage)
    } else {
      // 其他错误
      errorMessage = error.message || '请求失败'
      ElMessage.error(errorMessage)
    }
    
    return Promise.reject(error)
  }
)

export default request
